body{
	color: #333;
	background-color: white;
}
.mui-content{
	background-color: white;
}
.header{
	background-color: #2a2c33;
}
.img-response{
	display: block;
	width: 100%;
	vertical-align: middle;
}
.header a{
	color: #fff;
}
.mui-title{
	color: #fff;
	font-size: 18px;
}

.mui-slider{
	min-height: calc(100vh - 44px);
}
.list-content{
	font-size: 18px;
}
.swiper-img{
	margin:4.8vw 7.2vw;
	border-radius: 9px;
	box-shadow: 0 0 3px rgba(0,0,0,.295);
	position: relative;
}
.swiper-info{
	position: absolute;
	border-radius: 9px;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.26);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.swiper-info h5,.swiper-info p{
	color: white;
}
.swiper-info h5{
	font-size: 26px;
	font-weight: normal;
}
.swiper-info p{
	position: relative;
	text-align: center;
	width: 62.5%;
	padding-top: 5px;
	font-size: 15px;
}
.swiper-info p:before{
	height: 1px;
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 1;
}
.swiper-indicator-default{
	height: 21px;
}
.swiper-indicator-box{ 
	line-height: 6px;
    top: 59vw;
    bottom: inherit;
}
.swiper-indicator-box .mui-indicator{
   background: #FFF;
}
.swiper-indicator-box .mui-indicator.mui-active{
	background:#aaa;
}
.list-content .icon{
	display: inline-block;
	width: 12vw;
	height: 12vw;
	vertical-align: middle;
	margin-right: 30px;
	background-size: 100%;
	background-repeat: no-repeat;
}
.icon.icon-wholesale{
	background-image: url(../../images/icon/life_housekeeper/vg-img4.png);
}
.icon.icon-farm{
	background-image: url(../../images/icon/life_housekeeper/vg-img3.png);
}
.icon.icon-shop{
	background-image: url(../../images/icon/life_housekeeper/vg-img5.png);
}
.list-content .mui-table-view:before{
	height: inherit;
}
 .mui-table-view-cell:after{
	left: 0;
	background-color: #e5e5e5;
}
.mui-table-view-cell:last-child:after{
	height: 1px;
}
.list-content .mui-table-view .mui-table-view-cell{
	padding: 10px 29px;
}
.list-content .mui-table-view-cell>a:not(.mui-btn){
	margin: -10px -29px;
	padding: 10px 47px 10px 29px;
}
.list-content .mui-navigate-right:after, .mui-push-right:after{
	right: 26px;
}
.icon img{
	display: block;
	width: 100%;
	height: 100%;
}
/*.list-content .mui-table-view.vg-list li:nth-of-type(3n) .icon{
	background-image: url(../../images/icon/life_housekeeper/vg-img3.png);
}
.list-content .mui-table-view.vg-list li:nth-of-type(3n-1) .icon{
	background-image: url(../../images/icon/life_housekeeper/vg-img2.png);
}
.list-content .mui-table-view.vg-list li:nth-of-type(3n-2) .icon{
	background-image: url(../../images/icon/life_housekeeper/vg-img1.png);
}*/
.mui-bar,.mui-bar-nav
{
	box-shadow: inherit;
}
.content-detail{
	font-size: 16px;
}
.guide-box{
	height: 40px;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 10;
}
.content-detail .mui-segmented-control{
	font-size: 16px;
	min-width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}
.content-detail .mui-segmented-control.mui-segmented-control-inverted{
	height: 40px;	
}
.guide{
	display: flex;
	align-items: center;
	background-color: #fff;
	flex-wrap: nowrap;
	z-index: 10;
	min-width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    border-bottom:1px solid #e5e5e5;
}
.guide-item{
	line-height: 28px;
	padding: 0 10px;
    text-align: center
}
.guide-item a {
	color: #333;
	display: inline-block;
	padding: 5px;
	border-bottom:1px solid transparent;
	white-space: nowrap;
	text-align: center;
}
.guide-item.active a{ 
	border-bottom: 2px solid #8FC83F;
	color: #8FC83F;
}
.txt-green{
	color: #8FC83F;
}
.txt-line{
	display: inline-block;
	margin-right: 3px;
	font-size: 18px;
}
.txt-sm{
	font-size: 13px;
	color: #999;
}
.txt-unit{
	font-size: 13px;
}
.cell-item{
	display: flex;
	justify-content: space-between;
	padding: 0 5px;
	margin: 5px 0;
}
.cell-item .item-box{
	display: flex;
}
.hide{
	display: none;
}
.detail-box{
	padding-top: 40px;
}
.detail-box .mui-table-view:before{
	height: inherit;
	
}
.detail-box .mui-table-view:after{
	height: inherit;
}
.detail-box .mui-table-view-cell:after{
	left: 0;
	background-color: #e5e5e5;
}
.mui-slider .mui-slider-group .mui-slider-item{
	font-size: 18px;
}
